/* eslint-disable max-len */
/* eslint-disable no-multiple-empty-lines */
/* eslint-disable prettier/prettier */

import React, { PureComponent } from 'react';
import { Video } from 'react-native-video';
import { View, StyleSheet, Text, TouchableOpacity, Alert ,Image } from 'react-native';
import { Divider, Utils, TYFlatList, Popup, TopBar } from 'tuya-panel-kit';
import Res from '../../res';
import TYSdk from '../../api';
import dpCodes from '../../config/dpCodes';
import Strings from '../../i18n';





const { convertX: cx } = Utils.RatioUtils;
const { convertY: cy, viewWidth, viewHeight } = Utils.RatioUtils;

const TYEvent = TYSdk.event;
const TYDevice = TYSdk.device;
const TYNative = TYSdk.native;
const TYMobile = TYSdk.mobile;


class outLookShowView extends PureComponent {
  render() {
    return (

      <View style={styles.container}>
        <Video
          source={{ uri: 'your_video_url' }}
          style={{ width: 300, height: 200 }}
          resizeMode="contain"
          repeat={true}
        />
      </View>
    );
  }

}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#f8f8f8',
  },


});

export default outLookShowView;
